<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="fire" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>里程</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/licheng.css">

</head>

<body>
    <div class="container">
        <div class="head">
            <div class="bghead">

                <div class="jianpailicheng">
                    <div class="centercontent">
                        <label class="bignum">23.4</label>
                        <label class="smallnum">总里程（km）</label>
                    </div>
                </div>
                <div class="jianpailicheng">
                    <div class="centercontent">
                        <label class="bignum">3.4</label>
                        <label class="smallnum">总减排（kg）</label>
                    </div>
                </div>
            </div>
            <div class="lichengnum">
                <div class="lichengblock">
                    <div class="num">0</div>
                    <div class="desc">今日里程（km）</div>
                </div>
                <div class="lichengblock">
                    <div class="num">29.2</div>
                    <div class="desc">昨日里程（km）</div>
                </div>
                <div class="lichengblock">
                    <div class="num">3.5</div>
                    <div class="desc">本月里程（km）</div>
                </div>
            </div>
            <div class="lichengduihuan">
                <div class="line"></div>
                <div class="monthduihuan">本月里程兑换</div>
                <div class="duihuanjilu">
                    <img src="./images/jilu.png" alt="" class="">
                    <label class="dhjllabel">兑换记录</label>
                </div>

            </div>
        </div>
        <div class="list">
            <div class="row">
                <div class="rowcell">
                    <img src="../images/row.png" alt="" style="display:block; width: 132px; height: 100px;">
                    <div class="content">
                        <div class="title" style="color:#333; font-size:15px;">珠江游5元代金券</div>
                        <div class="desc">
                            <label style="color:#333;font-size:12px;">兑换里程：</label>
                            <label style="color:#22D288;font-size:12px;">20km</label>
                        </div>
                        <div class="duihuanbtn">
                            立即兑换
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="rowcell">
                    <img src="../images/row.png" alt="" style="display:block; width: 132px; height: 100px;">
                    <div class="content">
                        <div class="title" style="color:#333; font-size:15px;">珠江游5元代金券</div>
                        <div class="desc">
                            <label style="color:#333;font-size:12px;">兑换里程：</label>
                            <label style="color:#22D288;font-size:12px;">20km</label>
                        </div>
                        <div class="duihuanbtn">
                            立即兑换
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="rowcell">
                    <img src="../images/row.png" alt="" style="display:block; width: 132px; height: 100px;">
                    <div class="content">
                        <div class="title" style="color:#333; font-size:15px;">珠江游5元代金券</div>
                        <div class="desc">
                            <label style="color:#333;font-size:12px;">兑换里程：</label>
                            <label style="color:#22D288;font-size:12px;">20km</label>
                        </div>
                        <div class="duihuanbtn">
                            立即兑换
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="rowcell">
                    <img src="../images/row.png" alt="" style="display:block; width: 132px; height: 100px;">
                    <div class="content">
                        <div class="title" style="color:#333; font-size:15px;">珠江游5元代金券</div>
                        <div class="desc">
                            <label style="color:#333;font-size:12px;">兑换里程：</label>
                            <label style="color:#22D288;font-size:12px;">20km</label>
                        </div>
                        <div class="duihuanbtn">
                            立即兑换
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="rowcell">
                    <img src="../images/row.png" alt="" style="display:block; width: 132px; height: 100px;">
                    <div class="content">
                        <div class="title" style="color:#333; font-size:15px;">珠江游5元代金券</div>
                        <div class="desc">
                            <label style="color:#333;font-size:12px;">兑换里程：</label>
                            <label style="color:#22D288;font-size:12px;">20km</label>
                        </div>
                        <div class="duihuanbtn">
                            立即兑换
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="rowcell">
                    <img src="../images/row.png" alt="" style="display:block; width: 132px; height: 100px;">
                    <div class="content">
                        <div class="title" style="color:#333; font-size:15px;">珠江游5元代金券</div>
                        <div class="desc">
                            <label style="color:#333;font-size:12px;">兑换里程：</label>
                            <label style="color:#22D288;font-size:12px;">20km</label>
                        </div>
                        <div class="duihuanbtn">
                            立即兑换
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="rowcell">
                    <img src="../images/row.png" alt="" style="display:block; width: 132px; height: 100px;">
                    <div class="content">
                        <div class="title" style="color:#333; font-size:15px;">珠江游5元代金券</div>
                        <div class="desc">
                            <label style="color:#333;font-size:12px;">兑换里程：</label>
                            <label style="color:#22D288;font-size:12px;">20km</label>
                        </div>
                        <div class="duihuanbtn">
                            立即兑换
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

</body>

</html>
